// 头部部分样式开始
header {
    background-color: #ff841d;
    height: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem;
    >h1 {
        a {
            width: 2rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    >a {
        width: .34rem;
        height: .34rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
// 头部部分样式结束

// 搜索框部分样式开始
.mmb_search {
    form {
        display: flex;
        justify-content: space-between;
        padding: .05rem .1rem; 
        position: relative;
        .fa-search{
            position: absolute;
            top: 0.11rem;
            left: 0.13rem;
            font-size: .16rem;
        }
        input {
            height: .3rem;
            border: none;
            background-color: #f1f1f1;
            border-radius: .2rem;
        }
        .search_ipt{
            padding-left: .2rem;
            flex: 1;
        }
        .search_submit{
            margin-left: .2rem;
            width: .6rem;
            background-color: #ff841d;
            color: #fff;
        }
    }
}
// 搜索框部分样式结束

// 底部样式开始
footer{
    background-color: #fff;
    .row{
        .col-xs-4{
            text-align: center;
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            a{
                img{
                    height: 15px;
                    width: 15px;
                }
            }
        }
    }
    >p{
        margin: 10px;
        text-align: center;
        font-size: 12px;
        a{
            display:inline;
        }
        >a:first-child{
            color: red;
        }
    }
}
// 底部样式结束

// 商品分类列表样式开始
#categories_prod_list{
    font-size: .16rem;
    color: #555;
    .panel-default{
        margin-top: 0;
        .panel-heading{
            padding: .1rem .15rem;
            background-color: #f5f5f5;
            h4{
                font-weight: 500;
                display: flex;
                justify-content: center;
                align-items: center;
                a{
                    flex:1;
                    height: 100%;
                }
                i{
                    font-size: .2rem;
                }
            }
        }
        .panel-collapse{
            .panel-body{
                padding: 0;
                .row{
                    >div{
                        height: .4rem;
                        border: 1px solid #ccc;
                        line-height: .4rem;
                        text-align: center;
                        border-left: 0;
                        border-top: 0; 
                        font-size: .14rem;
                    }
                }
            }
        }
    }
}
// 商品分类列表样式结束

// =========================================================
// 商品列表部分样式开始
#mmb_product{
    .break_bar{
        height: 36px;
        display: flex;
        padding: 8px 15px;
        background-color: #f5f5f5;
        position: relative;
        ol{
            flex:1;
            display: flex;
            li{
                height:100%;
                padding-right: 10px;
                a::after{
                    width: 100%;
                    height: 100%;
                    content: " >";
                }
            }

        }
        >a{
            width: 54px;
            height: 30px;
            text-align: center;
            padding: 6px 12px;
            border: 1px solid #ccc;
            font-size: 14px;
            border-radius: 3px;
            background-color: #fff;
            position: absolute;
            top: 3px;
            right: 10px;
        }
    }
    .product-list{
        .media{
            border-bottom: 1px solid #ccc;
            padding: 10px;
            padding-bottom: 0;
            display: flex;
            .media-left{
                height: 100px;
                width: 100px;
                img{
                    height: 100px;
                    width: 100px;
                }             
            }
            .media-body{
                margin-left: 10px;
                flex: 1;
                a{
                    .price{
                        color: #e92322;
                    }
                    em{
                        font-size: 12px;
                        color: #666;
                    }
                }
            }
        }
    }

}

// 闪屏列表部分样式结束

//==============================================================
